﻿@{
    ViewBag.Title = "EmptyElements";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<style type="text/css">	
	.list {border:3px double green; width:350px; }
	.newRecord { font-weight: bold; background-color: lightyellow; }
	.tableHeader { background-color: lightgray; }
    #tech {
        padding-left: 10px;
    }
</style>

<h2>Empty Elements</h2>


<strong>Departments:</strong>
<div>
	<ul class="listDepartments">
		<li>Marketing</li>
		<li>Sales</li>
		<li>Technology
			<ul id="tech">
				<li>Hardware Technology</li>
				<li class="oldRecord">Software Technology</li>
			</ul>
		</li>
		<li>Customer Support</li>
	</ul>
</div><br>
   
<input id="btnTestIt" type="button" value="Test It">

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnTestIt").click(function () {
            $("#tech").empty();
        });
    });
</script>



